/**
 * 用户消息
 */
const UserMessageItem = (props) => {
    return <div className="flex flex-row gap-[5px] my-[10px]">
        <div className="w-[45px]">

        </div>
        <div className="flex flex-col flex-1 gap-[5px] items-end overflow-auto">
            <div className="text-[12px] text-gray-700">{props.itemData.create_at}</div>
            <div className="bg-[#55B2FB] text-white text-[14px] leading-[22px] p-[6px] rounded-[6px]">
                {props.itemData.content}
            </div>
        </div>
        <div className="w-[45px]">
            <img
                className="w-[45px] h-[45px] rounded-full"
                src={new URL("@/assets/img/avatar.jpg", import.meta.url).href} alt="" />
        </div>
    </div>
}

export default UserMessageItem;